/*
* @Date: 2018-2-7
* @by: chenxiaomian
*/
body{font-size:0.28rem;background:#fff;color:#333;line-height: 0.4rem;}
.fl{float: left;}
.fr{float: right;}
.clearfix{clear: both;content: '';*zoom:1;}
.clearfix:after,.clearfix:before{display: table;content: "";line-height: 0;}
.clearfix:after{clear:both;}
.bg-no{background: none !important;}
.bg-grey{background:#f4f2f3 !important;}
.bg-theme{background: #cc0210 !important;}
.h-15{height: 0.3rem !important;}
.mb-0{margin-bottom: 0 !important;}
.bd-0{border:0 !important;}
.fz-12{font-size:0.24rem !important;}
.fz-13{font-size:0.26rem !important;}
.fz-14{font-size:0.28rem !important;}
.lh-20{line-height:0.4rem;}
.c-red{color: #fe0000 !important;}
.c-999{color:#999 !important;}
.mt-5{margin-top: 0.1rem !important;}
.fixed{position:fixed !important;top:0;left:0;}
.c-red01{color:#ee0011 !important;}
.c-blue01{color:#1e88f5 !important;}
.h-20{height: 0.2rem !important;}

.min-container{min-height:calc(100vh - 3rem);}

:root{
    --mainColor: #f00;
}
/* header */
#km-header{height: 0.9rem;background: #f0f4f5;width:100%;overflow:hidden;position:relative;z-index:99;transition: transform 1s;color:var(--mainColor);}
.logo{width: 2.84rem;height: 0.6rem;display: block;margin-top: 0.15rem;margin-left: 0.16rem;float:left;}
.logo>img{width: 100%;height: auto;display:block;}
.search-sec{background: url('/img/wap/question/search-img.png') no-repeat;width: 4rem;height: 0.6rem;display: inline-block;background-size: 100% 100%;margin-left: 0.2rem !important;float: right;margin-right: 0.1rem !important;margin-top: 0.16rem !important;}

.km-header-z{height: 0.9rem;background: #d7000f;position: relative;width:100%;z-index:99;}
.km-header-z .cateName{line-height: 0.9rem;text-align: center;color: #FFFFFF;font-size: 0.36rem;display: block;margin-left: 0;font-weight: normal;}
.km-header-z .cateName a{color: #fff;}
.km-home{position: absolute;top: 0;left: 0;display: inline-block;width: 2.12rem;height: 0.9rem;background: url(/reswap/images/wap/common/inner-logo.png) no-repeat;background-size: 1.84rem auto;background-position: center;}
.km-home a{width: 100%;height: 100%;display: block;}
.con-nv{position: absolute;right: 0;top: 0;line-height: 0.9rem;display: inline-block;color: #fff;}
.bg-no~.nav-drop{top:0.9rem;}
.km-header-z.abs{width: 100%;display: block;position: absolute;z-index: 200;}

.magnifier{position: absolute;top: 0.26rem;right: 0.3rem;display: inline-block;color:#fff;}
.magnifier.iconfont{width:0.46rem;height:0.46rem;background: url(/reswap/images/wap/supply_buy/fangdajing.png) no-repeat;background-size: 100% 100%;}
/* search */
.inner-header{box-sizing:border-box;padding:0.14rem 0.2rem;overflow:hidden;}
.inner-header .icon-back{display:block;float:left;width:10%;height:0.6rem;font-size:0.6rem;color:#fff;line-height:0.6rem;}
.hinput-wrap{float:left;width:90%;height:0.6rem;-webkit-border-radius:0.06rem;border-radius:0.06rem;box-sizing:border-box;padding:0.1rem 0.2rem;background:#f5f4f4;-webkit-display:flex;display:flex;}
.hinput-wrap .icon-search{width: 0.48rem;display:inline-block;flex:0 0 0.48rem;font-size:0.28rem;}
.hinput-wrap .input-search{flex:1;outline:0;border:0;background:none;font-size:0.28rem;}
.hinput-wrap input::-webkit-input-placeholder{color: #999;}
.hinput-wrap input::-moz-placeholder{color: #999;}
.hinput-wrap input:-ms-input-placeholder{color: #999;}

/* nav-drop */
.nav-drop{display: none;position: fixed;top: 1.73rem;background: #fff;width: 100%;left: 0;bottom: 0;z-index: 1000;border-bottom: 0.02rem solid #d0d0d0;/* min-height: calc(100vh - 0.8rem);*/overflow-y:scroll;overflow-x:hidden;/* height: 50%;*/}
.nav-drop.nav-fixed{top: 0.82rem;}
h3.nav-map-title{font-size:0.4rem;text-align:center;margin-top:0.2rem;line-height:0.6rem;color:#000;font-weight:600;}
.nav-drop-content{margin-bottom: 0 !important;margin-top: 0;padding-top: 0.1rem;padding-bottom: 0.15rem;background: #ffffff;}
.nav-drop-content dl{padding: 0 0 0 0.4rem;overflow: hidden;margin:0;}
.nav-drop-content dl dt{width: 1.2rem;font-size: 0.28rem;color: #333;line-height: 0.3rem;font-style: normal;font-variant: normal;font-weight: 600;margin-left: -0.1rem;float: left;font-size-adjust: none;font-stretch: normal;margin-top: 0.16rem;}
.nav-drop-content dl dt a{color: #333;}
.nav-drop-content dl dd{line-height: 0.2rem;overflow: hidden;padding-left: 0.6rem;}
.nav-drop-content dl dd a{width: 1.8rem;color: #666;font-size: 0.26rem;margin: 0.2rem 0.5rem 0.2rem 0;float: left;display: inline;white-space: nowrap;font-weight: 400;text-align: left;}
.nav-drop-content dd:last-child a{margin-right: 0;}

/* list-screen */
.supply-toggle{width:100%;height:0.68rem;line-height:0.68rem;border-bottom:1px solid #f5f2f3;box-sizing:border-box;}
/*.supply-toggle>div{float: left;width:50%;text-align:center;color:#999999;font-size:0.28rem;}*/
.supply-toggle .time{float: left;width:50%;text-align:center;color:#999999;font-size:0.28rem;}
.supply-toggle .price{float: left;width:50%;text-align:center;color:#999999;font-size:0.28rem;}
.result-screen{width:100%;height:0.68rem;border-bottom:0.02rem solid #f5f2f3;line-height:0.68rem;vertical-align:middle;-webkit-display:flex;display:flex;}
.rscreen-item{flex:1;text-align:center;color:#999;}
.rscreen-item .text{font-size:0.28rem;}

/*上下箭头切换样式*/
.fs-updown{display: inline-block;width: 0.3rem;line-height:0.1rem;vertical-align: middle;margin-left:-0.05rem;}
.fs-updown .iconfont:before{height:0.15rem;float: left;display: inline-block;font-size:0.2rem;font-weight:bold;}
.curr{color:#ee0011;}

/* loading */
.qa-loading{width: 100%;text-align: center;line-height: 0.48rem;margin:0.2rem 0;color:#666;font-size: 0.28rem;background: #fff;}
.qa-loading img{vertical-align: middle;width:0.48rem !important;height:0.48rem !important;display:inline-block !important;}
.qa-loading>p{text-align: center;color: #999;}

/* footer */
.km-footer{text-align:center;padding:0.1rem 0 0.2rem;font-size:0.24rem;line-height: 0.6rem;background:#fff;border-top:0.02rem solid #f4f2f3;}
.km-footer p{text-align:center;}
.km-footer a{font-size:0.28rem;display:inline-block;margin:0 0.06rem;color:#222;}
.km-footer a:visited{}
.km-footer .version{text-align:center;}
.km-footer .version a.active{background:#f50d1a;height:0.6rem;color:#fff;padding:0 0.1rem;height:0.48rem;line-height:0.48rem;}
.km-footer .copy{color:#676b6c;}

/* openapp */
.open-app-mask{background: url(/reswap/images/wap/question/wx_open.png) no-repeat;background-size: 100% 100%;width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;z-index: 9999999;}

/* dialog */
.page-mask{position: fixed;z-index: 1000;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);}
.km-dialog{position: fixed;z-index: 5000;width: 80%;max-width: 300px;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-color: #FFFFFF;    text-align: center;border-radius: 3px;overflow: hidden;}
.km-dialog-bd{padding: 0 1.6em 0.8em;min-height: 0.8rem;font-size: 0.3rem;line-height: 1.3;word-wrap: break-word;word-break: break-all;color: #999999;text-align: center;}
.km-dialog-bd:first-child{padding: 2.7em 0.4rem 1.7em;color: #353535;}
.km-dialog-ft{position: relative;line-height: 0.96rem;font-size: 0.32rem;display: -webkit-box;display: -webkit-flex;display: flex;}
.km-dialog-ft:after{content: " ";position: absolute;left: 0;top: 0;right: 0;height: 1px;border-top: 1px solid #D5D5D6;color: #D5D5D6;-webkit-transform-origin: 0 0;transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.km-dialog-btn{display: block;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;color: #d7000f;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);position: relative;text-align: center;}
.km-dialog-btn:after{content: " ";position: absolute;left: 0;top: 0;width: 1px;bottom: 0;border-left: 1px solid #D5D5D6;color: #D5D5D6;-webkit-transform-origin: 0 0;transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);transform: scaleX(0.5);}
.km-dialog-btn-default{color: #353535;}
.km-dialog-btn-primary{color: #d7000f;}

/* app-download */
.download_app{width:100%;position: fixed;bottom:0;height:1.2rem;background:rgba(0, 0, 0, .75);z-index:999;}
.down_box{width:90%;color:white;margin:auto;position:relative;}
.down_logo{width:1.2rem;height:1.2rem;margin:0;margin-top:-0.24rem;background-image:url('/reswap/images/wap/question/icon_logo.png');background-repeat:no-repeat;background-size:1.2rem; background-position: center;}
.down_text{position:absolute;bottom:-0.2rem;left:1.4rem;}
.down_text h3{font-size:0.28rem;color:#df4a49;margin-top: 0rem;width:120%;margin-bottom:10px;}
.down_text p{font-size:0.28rem;width:120%;line-height:0.48rem;}
.down_close{width:0.6rem;height:0.6rem;position:absolute;background-image:url('/reswap/images/wap/question/icon_close.png');background-position: center;background-size:0.5rem;border-radius:0.6rem; top:-0.36rem;right:0.1rem;background-repeat:no-repeat;z-index:9999;padding: 0.1rem;}

/* banner && supply-wrap */
.km-swiper-wrap{width:100%;height:4.7rem;position:relative;background:#f4f2f3;}
.km-swiper .swiper-slide{width: 100%;height: 3.52rem;}
.km-swiper .swiper-slide img{height: auto;width: 100%;display:block;}
.km-swiper .swiper-pagination-bullet{background: #fff;opacity:1;}
.km-swiper .swiper-pagination-bullet-active{background:#ec020f;}

.supply-wrap{width:90%;margin:0 auto;height:1.2rem;margin:0 auto;background:#fff;position:absolute;bottom:0.2rem;left:50%;margin-left:-45%;z-index:5;-webkit-border-radius:0.1rem;border-radius:0.1rem;}
.supply-btn-item{width:50%;float:left;box-sizing:border-box;padding:0 0.4rem;margin:0.2rem 0;height:0.8rem;overflow:hidden;}
.supply-btn-item:first-child{border-right:0.02rem solid #f5efef;}
.supply-icon{display:block;width:0.8rem;height:0.8rem;float:left;margin-right: 0.2rem;}
.icon-supply{background:url('/img/wap/index/jiaoyi_icon_fabugengyang.png') no-repeat center center;background-size:100% 100%;}
.icon-purchase{background:url('/img/wap/index/jiaoyi_icon_fabuqiugou.png') no-repeat center center;background-size:100% 100%;}
.supply-btn-item p span{display:block;text-align:left;}
.supply-btn-item .title{font-size:0.36rem;margin-bottom: 0.06rem;font-weight:bold;}
.supply-btn-item .subtitle{color:#999;font-size:0.28rem;}
.c-ff3e4a{color:#ff3e4a !important;}
.c-38a4ff{color:#38a4ff !important;}

@-webkit-keyframes fadeIn{
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@keyframes fadeIn{
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
.animate-fade-in {
  -webkit-animation: fadeIn ease .3s forwards;
          animation: fadeIn ease .3s forwards;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate-fade-out {
  -webkit-animation: fadeOut ease .3s forwards;
          animation: fadeOut ease .3s forwards;
}
@-webkit-keyframes slideUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes slideUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.animate-slide-up {
  -webkit-animation: slideUp ease .3s forwards;
          animation: slideUp ease .3s forwards;
}
@-webkit-keyframes slideDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
.animate-slide-down {
  -webkit-animation: slideDown ease .3s forwards;
          animation: slideDown ease .3s forwards;
}
@-webkit-keyframes slideLeft {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes slideLeft {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.animate-slide-left {
  -webkit-animation: slideLeft ease .3s forwards;
          animation: slideLeft ease .3s forwards;
}
@-webkit-keyframes slideRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
.animate-slide-right {
  -webkit-animation: slideRight ease .3s forwards;
          animation: slideRight ease .3s forwards;
}